/*
  WET-BOEW
  @title: Bootstrap 4 supplemental style for WET-BOEW
 */

/* Spacing */
.p-0 {
	padding: 0 !important;
}

.pl-2,
.px-2 {
	padding-left: 5px !important;
}

.pr-2,
.px-2 {
	padding-right: 5px !important;
}

.pt-4,
.py-4 {
	padding-top: 30px !important;
}

.pb-4,
.py-4 {
	padding-bottom: 30px !important;
}

.mt-auto {
	margin-top: auto !important;
}

/* Stretched link */
.stretched-link {
	&:after {
		background-color: rgb(0, 0, 0, 0);
		bottom: 0;
		content: "";
		left: 0;
		pointer-events: auto;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 1;
	}
}

/* Sizing */
.h-100 {
	height: 100% !important;
}

/* Positioning */
.position-relative {
	position: relative !important;
}

/* Flexbox */
.d-flex {
	display: flex !important;
}

.flex-column {
	flex-direction: column !important;
}

.align-items-center {
	align-items: center !important;
}

.align-self-center {
	align-self: center !important;
}

.align-self-end {
	align-self: flex-end !important;
}

/* Vertical alignment */
.align-top {
	vertical-align: top !important;
}

.align-middle {
	vertical-align: middle !important;
}

.align-bottom {
	vertical-align: bottom !important;
}

/* Color scheme */
.text-white, a.text-white:visited {
	color: #fff;
}

a {
	&.text-white {
		&:hover, &:focus {
			color: #b3ffff;
		}
	}
}

.btn {
	&.text-white {
		&:hover, &:focus {
			color: #b3ffff;
		}
	}
}
